<template>
    <div class="groupbuying">
      <mt-header fixed class="head" title="品牌钜惠">
        <router-link to="/home" slot="left">
          <mt-button icon="" class="iconfont">&#xe615;</mt-button>
        </router-link>
        <router-link to="/groupcar" slot="right" icon="">
          <mt-button class="iconfont buy">&#xe600;</mt-button>
        </router-link>
      </mt-header>
      <img class="first" src="../../assets/img/banner9.jpg" />
      <img src="../../assets/img/banner10.jpg" />
      <img src="../../assets/img/banner11.jpg" />
      <img src="../../assets/img/banner12.jpg" />
      <img class="last" src="../../assets/img/banner13.jpg" />
    </div>
</template>

<script>
    export default {
        name: "Groupbuying"
    }
</script>

<style scoped lang="stylus">
  .groupbuying
    img.last
      margin-bottom: 2.7rem
    img.first
      margin-top: 2rem
    img
      vertical-align: top
      margin-bottom: .5rem
      width: 100%
    .head
      z-index 2
      display flex
      background: #581513
</style>
